<?php
	$this->load->helper("form");
	$url = $this->config->item('base_url');
	$currentlang = $this->lang->languageCode();
?>
<div class="main-page-content">
	<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent lof-slideheight">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-wapper">
  		<div class="lof-main-item">
        		<img src="<?php echo $url.'images/hamcan.jpg'?>" width="900">           
        </div> 
       <div class="lof-main-item">
        	<img src="<?php echo $url.'images/hamcan90do.jpg'?>" width="900"> 
        </div> 
       <div class="lof-main-item">
        	<img src="<?php echo $url.'images/tramcan.jpg'?>" width="900">
        </div> 
        <div class="lof-main-item">
        	<img src="<?php echo $url.'images/tramcangate.jpg'?>" width="900">
        </div> 
        
        <div class="lof-main-item">
        	<img src="<?php echo $url.'images/xetaicua.jpg'?>" width="900">
        </div> 
        <div class="lof-main-item">
        	<img src="<?php echo $url.'images/xevaocan.jpg'?>" width="900">
        </div> 
        
        <div class="lof-main-item">
        	<img src="<?php echo $url.'images/nhanvien.jpg'?>" width="900">
        </div> 	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
  		<ul class="lof-navigator">
            <li>
            	<div>
                	<img src="<?php echo $url.'images/lofthumbs/hamcan-small.jpg'?>" />
                	<h3><?php echo $this->lang->line('lang.slide.intro1name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro1detail')?>
                </div>    
            </li>
             <li>
             	<div>
                	<img src="<?php echo $url.'images/lofthumbs/hamcan90do-small.jpg'?>" />
                 	<h3><?php echo $this->lang->line('lang.slide.intro2name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro2detail')?>
                </div>    
            </li>

            <li>
            	<div>
                    <img src="<?php echo $url.'images/lofthumbs/tramcan-small.jpg'?>" />
                    <h3><?php echo $this->lang->line('lang.slide.intro3name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro3detail')?>
                </div>     
            </li>
            
           <li>
           		<div>
                    <img src="<?php echo $url.'images/lofthumbs/tramcangate-small.jpg'?>" />
                    <h3><?php echo $this->lang->line('lang.slide.intro4name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro4detail')?>
                </div>
            </li>    
            <li>
           		 <div>
                 	<img src="<?php echo $url.'images/lofthumbs/xetaicua-small.jpg'?>" />
                 	<h3><?php echo $this->lang->line('lang.slide.intro5name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro5detail')?>
                 </div>   
            </li>
           <li>
           		<div>
                    <img src="<?php echo $url.'images/lofthumbs/xevaocan-small.jpg'?>" />
                    <h3><?php echo $this->lang->line('lang.slide.intro6name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro6detail')?>
                </div>
            </li>  
            <li>
           		<div>
                    <img src="<?php echo $url.'images/lofthumbs/nhanvien-small.jpg'?>" />
                    <h3><?php echo $this->lang->line('lang.slide.intro8name')?></h3>
                  	<?php echo $this->lang->line('lang.slide.intro8detail')?>
                </div>
            </li> 
        </ul>
  </div>
 </div> 
<script type="text/javascript">
	var _lofmain =  $('lofslidecontent45');
	var _lofscmain = _lofmain.getElement('.lof-main-wapper');
	var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
	var object = new LofFlashContent(_lofscmain,_lofnavigator,_lofmain.getElement('.lof-navigator-outer'),
									{ fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
									 	interval:3000,
							 			direction:'opacity',
							 			navItemsDisplay : 4 } );
	object.start( true, _lofmain.getElement('.preload') );
</script>

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
</div>